﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="PaydSystem.UI.Member.Login" %>

<!DOCTYPE html>

<html lang="en"  >
<head runat="server">
    <title>เข้าสู่ระบบ</title>
    
    <style>
         #divLogin {
            position: relative;
        }
        
        #divLogin:after
        {
            
            content : "" !important;
            display: block !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            background-image:url('../../Images/PaydImages/bg_login.png') !important;
            width: 100% !important;
            height: 100% !important;
            max-width:100% !important;
            /*opacity : 0.4;*/
            z-index: -1;
            -webkit-background-size: cover !important;
            -moz-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important;
            background-position:top !important;
        }
        input#txtUsername {
            background-image: url(../../Images/PaydImages/place_holder_username.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            
        }
        input#txtPassword {
            background-image: url(../../Images/PaydImages/place_holder_password.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .form-text-login
        {
            margin-top:15px;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size:x-large !important;
            line-height: 1.42857143 !important;
            color: #555 !important;
            background-color: #fff !important;
            /*background-image: none !important;*/
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        }
    </style>
   
</head>
<body>
    <%--<div ng-controller="HomeRouteController""> 
      <div ng-include="'/UI/Route/HomeRoute.aspx'"></div>
    </div>--%>
    <%--<form id="form1" runat="server">--%>
    <div ng-init="init();">
    <ng-form name="loginForm" >
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="divLogin" style="min-height:720px;text-align:center;">
        <div style="width:100%;text-align:center;"  >
            <img src="../../Images/PaydImages/Login.png" style="margin-top:80px;height:300px;width:20%" />
            
        </div>
        <div class="form-group" >
            <div style="width:100%;text-align:center" ng-class="{true: 'error'}[submitted && loginForm.username.$invalid]">
                <input id="txtUsername" name="username" class="form-text-login" onkeyup="checkUsername(this);" onblur="checkUsername(this);"   type="text" maxlength="200" style="width:33%;" ng-model="username" MaxLength="20" ng-keyup="$event.keyCode == 13 && doLogin(loginForm.$valid);"  required="" /><br />
                <span class="help-inline red_alert" ng-show="submitted && loginForm.username.$error.required" style="position:relative;font-size: 18px;text-align:left;" >รหัสผู้ใช้งานต้องไม่ว่าง</span>
                <%--<span class="help-inline red_alert" ng-show="submitted && loginForm.username.$error.email" style="position:absolute;font-size: 12px;text-align:left;">รหัสผู้ใช้งานต้องเป็น Email</span>--%>
            </div>
        </div>
        <div class="form-group" >
            <div style="width:100%;text-align:center;margin-top:15px" ng-class="{true: 'error'}[submitted && loginForm.password.$invalid]" >
            
                <input id="txtPassword" name="password" class="form-text-login" onkeyup="checkPassword(this);" onblur="checkPassword(this);" type="password" maxlength="200" style="width:33%;" ng-model="password" MaxLength="20" ng-keyup="$event.keyCode == 13 && doLogin(loginForm.$valid);"  required="" /><br />
                <span class="help-inline red_alert" ng-show="submitted && loginForm.password.$error.required" style="position:relative;font-size: 18px;text-align:left;" >รหัสผ่านต้องไม่ว่าง</span>
            </div>
        </div>
        
        <div class="form-group" style="width:100%;" >
                
            <%--<div class="col-md-4 col-sm-4 col-xs-4" >
                &nbsp;
            </div>--%>
            <div class="col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4" >
                <div class="col-md-7 col-md-7 col-sm-7 col-xs-7" style="text-align:left">
                    <input type='checkbox' ng-model="chkRememberMe"   /><img src="../../Images/PaydImages/Remember.png" style="width:115px;height:23px" />
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="text-align:right">
                    <%--<a href="javascript:void(0);" style="font-style: italic;">Forgot Password?</a>--%>
                    <a href="javascript:void(0);" >
                        <img src="../../Images/PaydImages/Forgot_Password.png" ng-click="openForgetPassword();" style="width:155px;height:24px" /></a>
                </div>
            </div>
            <%--<div class="col-md-4 col-sm-4 col-xs-4" >
                &nbsp;
            </div>--%>
                    
            
        </div>
        <div>
            <div class="form-group" >
            &nbsp;
            
            </div>
        </div>
        <br />
        <div>
            <div class="form-group" >
                <div style="width:100%;text-align:center">
                    <a href="javascript:void(0);">
                        <img src="../../Images/PaydImages/login_button.png" style="width:25%;height:40px" ng-click="doLogin(loginForm.$valid);" /></a>
                    <%--<button type="submit" ng-click="doLogin(loginForm.$valid);" style="background: url(../../Images/PaydImages/login_button.png); width:25%; height:40px;"  ></button>--%>

                </div>
            </div>
        </div>
        <div class="form-group" >
            <div style="width:100%;text-align:center">
                <a href="javascript:void(0);">
                    <img src="../../Images/PaydImages/register_button.png" style="width:25%;height:40px" ng-click="docheckRegister();" /></a>
            </div>
        </div>
    </div>
    </ng-form>
    </div>
    <%--</form>--%>
</body>
</html>
